<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
        <style type="text/css">
            .captioned_image {
                position:relative;
                display: block;
                float: left;
            }

            .captions{
                position: absolute;
                top:0px;
                width:200px;
            }
            .text_left {
                float:left;
                min-width:30px; /* optional, though better have one */
                background: gray;
                color:white;
                text-align:center;
                opacity:0.8;
            }
            .text_right {
                float:right;
                background: white;
            }

        </style>
    </head>
    <body>
        <div class="captioned_image">
            <img alt="" src="http://www.kavoir.com/img/text-over-image.jpg" width="200"/>
            <div class="captions">
                <div class="text_left">
                    1
                </div>
                <div class="text_right">
                    <img src="http://www.napiprojekt.pl/images/close-icon.jpg" alt="">
                </div>
            </div>
        </div>

         <div class="captioned_image">
            <img alt="" src="http://www.kavoir.com/img/text-over-image.jpg" width="200"/>
            <div class="captions">
                <div class="text_left">
                    2
                </div>
                <div class="text_right">
                    <img src="http://www.d-wave.nazwa.pl/ok.jpg" alt="">
                </div>
            </div>
        </div>
         <div class="captioned_image">
            <img alt="" src="http://www.kavoir.com/img/text-over-image.jpg" width="200"/>
            <div class="captions">
                <div class="text_left">
                    3
                </div>
                <div class="text_right">
                    <img src="http://www.napiprojekt.pl/images/close-icon.jpg" alt="">
                </div>
            </div>
        </div>

    </body>
</html>
